<template>
  <div class="selfContainer" :style="{height: height+'%'}"
  >
    <H3>{{ title }}</H3>
    <dvBorderBox111 class="" id="dvBorderBox111">
      <slot></slot>
    </dvBorderBox111>
  </div>
</template>

<script>
import dvBorderBox111 from "./dvBorderBox111";

export default {
  name: "selfContainer",
  components: {
    dvBorderBox111
  },
  props:{
    height: {
      type:Number,
      default:500
    },
    title: {
      type:String,
      default:""
    },
    backgroundColor: {
      type: String,
      default: 'transparent'
    }
  },
  data(){
    return {
    }
  },
  mounted() {
  },
  methods: {
  },
  beforeDestroy() {
  }
}
</script>

<style lang="scss" scoped>
.selfContainer {
  width: 100%;
  //background: #04101B;
  >H3{
    font-size: 18px;
    font-weight: bold;
    line-height: 26px;
    background: linear-gradient(0deg, #ABECFF 0%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  .dv-border-box-10{
    height: calc(100% - 26px);
  }
}
</style>
